import { createStyles } from "utils";
import * as theme from "theme";
import { getStatusBarHeight } from "utils/adaptation";

const nav = getStatusBarHeight();
const styles = {
  root: {
    flex: 1,
    backgroundColor: "#fff",
  },
  header: {
    backgroundColor: theme.ColorBackgroundComp,
    paddingTop: nav,
  },

  left: {
    width: "20%",
  },
  mid: {
    flex: 1,
    // width: "33%",
    alignItems: "center",
  },
  right: {
    width: "20%",
    alignItems: "flex-end",
  },
  title: {
    marginTop: 10,
    fontSize: 16,
    lineHeight: 22,
    textAlign: "center",
    color: theme.ColorFontTitle,
  },
  publishInfo: {
    flexDirection: "row",
    justifyContent: "space-between",
    marginTop: 10,
  },
  publishText: {
    fontSize: 12,
    color: theme.ColorFontDisable,
  },
};

export default createStyles(styles);
